<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href=http://at.alicdn.com/t/font_1291043_name0lvkvw.css>

</head>
<body>
    <div class="content">
        <div class="left">
            <div class="top">
                <img src="images/组-18.png">
            </div>
            <div class="heixia">
                <img src="images/user.png">
                <span>黑侠（光谷店）</span>
                <br>
                <img src="images/time.png">
                <span>2016-04-06 &nbsp 10:23 &nbsp Am</span>
            </div>
            <div class="income">
                <img src="images/shouzhi.png">
                <span>收支明细</span>
            </div>
           <div class="container">
            <div class="list">
                <table  style ="width:100%">
            
                    <tr>
                    <th>品名</th>
                    <th>数量</th>
                    <th>金额</th>
                    <th class="pad">结算价</th>
                </tr>
                <tr>
                    <th>蛋挞</th>
                    <td>5</td>
                    <td>60</td>
                    <td class="pad"> 60</td>
                </tr>
                <tr>
                    <th>全麦面包</th>
                    <td>1</td>
                    <td>10.5</td>
                    <td class="pad">10.5</td>
                </tr>
                <tr>
                    
                    <th><img src="images/曾.png">戚风蛋糕</th>
                    <td>1</td>
                    <td>20</td>
                    <td class="pad">0</td>
                </tr>
                <tr> 
                    <th>三明治</th>
                    <td>5</td>
                    <td>60</td>
                    <td class="pad">60</td>
                </tr>
            </table>
            </div>
            <div class="cell"></div>
            <div class="amount">
                <div class="text">
                    <p>总额：&nbsp; ￥125.5</p>
                </div>
                <div class="sousuo">
                    <input type="text" placeholder="搜索商品" >
                    <img src="images/Layer-6.png">
                    <button class="iconfont">&#xe604</button>
                </div>
            </div>
            <div class="algorithm">
                <img src="images/关闭.png">
                <img src="images/增加.png">
                <img src="images/减少.png">
                <img src="images/赠送.png">
                <img src="images/修改.png">
                <img src="images/椭圆-12.png">
                <img src="images/椭圆-12-拷贝.png">
            </div>
        </div>
    </div>
   
                <div class="right">
                    <div class="right-top"></div>
                    <div class="menu">
                            <div class="first-page"><a href="" >戚风蛋糕</a></div>
                            <div class="two-page"><a href="" >蛋挞</a></div>
                            <div class="two-page"><a href="">全麦面包</a></div>
                            <div class="two-page"><a href="" >戚风蛋糕</a></div>
                            <div class="two-page"><a href="">三明治</a></div>
                            <div class="three-page"><a href="">↑↓</a></div>     
                  </div>
                  <div class="box">
                    <div class="ring">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                        <img src="images/bg5.png">
                    </div>
                    <div class="slid"></div>
                    <div class="prices">
                        <div class="active">
                            <img src="images/互动图标.png">
                         <div class="line" ><p>0001</p>
                            <p>巧克力蛋糕</p></div>
                        </div>
                        <div class="active">
                                <div class="line" ><p>0001</p>
                            <p>巧克力蛋糕</p></div>
                        </div>
                        <div class="active">
                                <div class="line" > <p>0001</p>
                            <p>巧克力蛋糕</p></div>
                            </div>
                        <div class="active">
                                <div class="line" > <p>0001</p>
                            <p>巧克力蛋糕</p></div>
                        </div>
                        <div class="active">
                                <div class="line" > <p>0001</p>
                            <p>巧克力蛋糕</p></div>
                        </div>
                    </div>
                </div>
                </div>
            </div>        
  

                <div class="foot">
                    <div class="message"><span>会员信息：</span></div>
                    <div class="guanlitai">
                        <div class="logo">
                        <img src="images/账户中心.png">
                        <p>管理台</p>
                        </div>
                        <div class="logo">
                        <img src="images/购物卡.png">
                        <p>购物卡</p>
                    </div>
                    <div class="logo">
                        <img src="images/会员.png">
                        <p>会员</p>
                    </div>
                    <div class="logo">
                        <img src="images/促销.png">
                        <p>促销</p>
                    </div>
                    <div class="logo">
                        <img src="images/订货.png">
                        <p>预定</p>
                    </div>
                    <div class="logo">
                        <img src="images/交班.png">
                        <p>交班</p>
                    </div>
                    <div class="logo">
                        <img src="images/挂单.png">
                        <p>挂单</p>
                    </div>
                </div>
                <div class="cash">
                    <img src="images/收银中心.png">
                    <span>&nbsp;  收银</span>
                </div>
            </div>
    </div>
</body>
</html>